Client: Amazon - Climate Pledge Friendly
Services: Wireframing / Prototyping / Design System / UI/UX Design / Icon Design / Art Direction
My Role: Visual + UX Designer
Challenge
What is Climate Pledge Friendly?
Amazon’s Climate Pledge Friendly program highlights products that meet sustainability standards and help preserve the natural world and is committed to building a sustainable business for our customers and the planet.
Amazon’s Climate Pledge Friendly program highlights products that meet sustainability standards and help preserve the natural world and is committed to building a sustainable business for our customers and the planet.
What problem I’m helping to solve?
Amazon’s Customers primarily use visual content in search and on detail page to make an assessment on a product’s sustainability. Amazon’s Customer Trust Perception studies highlighted the importance of visual content influencing customer assessment of whether they would consider a product “sustainable”. Early usability studies highlighted that customers gravitated quickly towards product photos on detail pages to look for proof that a product was sustainable. Some brands make obvious claims about sustainability in detail page images and APlus content, but many do not. When Amazon’s messaging does not align with what a customer sees on detail page the program loses trust.
Amazon’s Customers primarily use visual content in search and on detail page to make an assessment on a product’s sustainability. Amazon’s Customer Trust Perception studies highlighted the importance of visual content influencing customer assessment of whether they would consider a product “sustainable”. Early usability studies highlighted that customers gravitated quickly towards product photos on detail pages to look for proof that a product was sustainable. Some brands make obvious claims about sustainability in detail page images and APlus content, but many do not. When Amazon’s messaging does not align with what a customer sees on detail page the program loses trust.
Solution
Development of a visual content that can be displayed on detail page – media block that helps customers learn about the sustainable attributes of a product where they naturally look for it and raise awareness of the Climate Pledge Friendly program.
Process
As part of this collaborative process, I took on the responsibility of coordinating design work with key CPF stakeholders, translators, and project managers. My role involved providing creative and art direction, outlining the design system, wireframes, and variations. Additionally, I spearheaded the building of prototypes for user testing. Following the identification of the preferred visual treatment, I constructed design system templates and played a central role in coordinating the creation of an automation tool. This tool was pivotal in scaling the production of assets efficiently.
Color Palette
Color palette was inherited from Amazon’s Climate Pledge Friendly guidelines in order to maintain consistent visual experience across the program.
Typography
Design system utilizes Amazon’s corporate font family – Amazon Ember Display for consistent visual experience across the retailer site and apps.
Wireframes / Templates / Iconography
Components / High Fidelity Mockups
Results
As a result of this collaborative effort, infographics were successfully integrated into 6,000 products spanning seven product families: toilet paper, shampoo, print copy paper, pyjamas, tea, and protein powder. These infographics elucidate the CPF program, offering insights into why each product is deemed more sustainable. The content within the infographics includes details on sustainability certifications and their pertinent attributes.
